<script setup lang="ts">
import { ref } from "vue";
import Rating from "./components/Rating/index.vue";
import Template from "./components/Template/index.vue";
import Dashboard from "./components/Dashboard.vue";
import Departments from "./components/Departments.vue";
import DimensionConfigPage from "./components/DimensionConfigPage/index.vue";
import FalsePositiveManagement from "./components/FalsePositiveManagement/index.vue";

const active = ref("0");
</script>

<template>
  <div>
    <el-card shadow="never">
      <el-tabs type="border-card" v-model="active">
        <el-tab-pane label="仪表盘" name="0">
          <Dashboard />
        </el-tab-pane>
        <el-tab-pane label="部门评分" name="1">
          <Departments />
        </el-tab-pane>
        <!-- <el-tab-pane label="资产详情" name="2">
          <AssetDetails />
        </el-tab-pane> -->
        <el-tab-pane label="评分管理" name="3">
          <Rating />
        </el-tab-pane>
        <el-tab-pane label="模板配置" name="4">
          <Template />
        </el-tab-pane>
        <el-tab-pane label="维度配置" name="5">
          <DimensionConfigPage />
        </el-tab-pane>
        <el-tab-pane label="误报管理" name="6">
          <FalsePositiveManagement />
        </el-tab-pane>
        <!--
        <el-tab-pane label="维度配置" name="5">
          <Dimension />
        </el-tab-pane>
        <el-tab-pane label="误报管理" name="6">
          <FalsePositive />
        </el-tab-pane>
        <el-tab-pane label="统计分析" name="7">
          <Analytics />
        </el-tab-pane> -->
      </el-tabs>
    </el-card>
  </div>
</template>

<style scoped lang="scss"></style>
